<html ng-app="app">

<head>
    
    
    
       
	<title>Campus Smart Food</title>
	<<link id="theme" rel="stylesheet" type="text/css" href="css/style.css" title="theme" />

	<script>
		var dojoConfig = {
			dojoBlankHtmlUrl: location.pathname.replace(/\/[^/]+$/, '') + '/blank.html',
			packages: [{
				name: 'custom',
				location: location.pathname.replace(/\/[^/]+$/, '') + '/js/custom'
			}]
		};
	</script>
         <script src="lib/angular/angular.js"></script>
         <script src="lib/angular/angular-resource.js"></script>
        <script src="js/services.js"></script>
         <script src="js/directives.js"></script>
         <script src="js/app.js"></script>
        <script src="js/controllers.js"></script>
        
	<!-- Dojo Library Reference -- Using Google Content Delivery Network (CDN) -->
	
	<script src="https://ajax.googleapis.com/ajax/libs/dojo/1.8.1/dojo/dojo.js"></script>
    <script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>


</head>

<body ng-controller="MainAppCtrl">
<!-- top wrapper -->
<div id="topWrapper">
<div id="topBanner">

   <div id="topLogin">
            <div ng-show="!currentCardHolder.authenticated">
                <font face="verdana,arial" size=-1>
                <center><table cellpadding='2' cellspacing='0' border='0' id='ap_table'>
                <tr><td bgcolor="red"><table width='100%'><tr><td bgcolor="#880000" align=center <b><font size=-1 color="white" face="verdana,arial"><b>Enter your Access Card and Pincode</b></font></th></tr>
                <tr><td bgcolor="white" style="padding:5"><br>



                <form method="post" action="" name="aform" target="_top" ng-inc>
                <center><table>
                <tr><td><font face="verdana,arial" size=-1>Access Card #:</td><td><input type="text" name="card_number" ng-model="currentCardHolder.card_number"></td></tr>
                <tr><td><font face="verdana,arial" size=-1>PIN:</td><td><input type="password" name="pin_code" ng-model="currentCardHolder.pin_code"></td></tr>
                <tr><td><font face="verdana,arial" size=-1>&nbsp;</td><td><font face="verdana,arial" size=-1>

                        <input type="submit" value="Enter" ng-click="authenticate()"></td></tr>
                <tr><td colspan=2><font face="verdana,arial" size=-1>&nbsp;</td></tr>
                </table></center>
                </form>

                        <div class="error">{{currentCardHolder.error}}</div>


                </td></tr></table></td></tr></table>

             </div>


            <div ng-show="currentCardHolder.authenticated">
                 <font face="verdana,arial" size=-1>
                 <center><table cellpadding='2' cellspacing='20' border='0' id='ap_table'>
                 <tr><td bgcolor="red"><table width='260px' height="50px"><tr><td bgcolor="#880000" align=center >
                     <b>
                         <font size=-1 color="white" face="verdana,arial"><b>Welcome {{currentCardHolder.name}}</b> <br/>
                            You have <font size="20px" > {{visualdata.monthly_left_amount | currency:"$":2:"'":"." }} </font>Left for the month

                     </font><br/>
                                 </td></tr>
                   <tr><td bgcolor="white" >
                           <a href="" ng-click="logout()"><font size=-1  face="verdana,arial" style="line-height: 30px"><center>Sign out</center></font></a>
                       </td></tr>

                 </table></td></tr></table>

             </div>





</div>
    
    
    
</div>
    
    
    
<div id="topnav">
<ul>
<li style="border: medium none ;" class="{{currentPage.home}}"> <a href="#" shape="rect" ng-href="index.html#" ng-click="selectPage('home')">Cafe</a> </li>
<li class="{{currentPage.profile}}"> <a ng-href="index.html#/myprofile.html" shape="rect" ng-click="selectPage('profile')">My Profile</a>
</li>
<li  class="{{currentPage.visual}}"> <a href shape="rect" ng-href="index.html#/visual.html" ng-click="selectPage('visual')">Visualization</a>
    
</li>
</ul>
</div>
    
    
    
    
    
    
    
<!-- end top wrapper -->
<div id="wrapper">
<div id="bg">
<div class="clear vmenu" id="header"></div>
<div id="page"><!-- begin container -->
<div id="container"><!-- content -->
<div id="content" >
    
   
<!--
    <h1>MainContent:</h1> {{mainContent}}<br/>
    <h1>CurrentCardHolder:</h1> {{currentCardHolder}}
-->
    <!-- place content here -->

<!--
    <div ng-include src="'partials/' + mainContent"></div>
   -->
    <div ng-view></div>
   
   
   
   
   
   

<div id="center"><!-- place center here if needed -->
</div>

<div class="clear" style="height: 40px;"></div>
</div>
<!-- end content --> </div>
<!-- end container --> </div>
<div id="footerWrapper">
<div id="footer">
    <br />&copy; 2012 CampusSmartFood. All rights reserved. Created by <a href="http://www.campussmartfood.com">CampusSmartFood</a>
</div>
</div>
</div>
</div>
</body>
</html>